<template>
	<view>
		<view>
			<block v-for="(item, index) in commentList" :key="index">
				<view class="comment">
					<view class="it1">
						<view>
							<image :src="item.img"></image>
						</view>
						<view class="product-Info">
							<text style="font-size: 30rpx;color: #1A1A1A;">{{item.productName}}</text>
							<text style="font-size: 20rpx;color: #666666;margin-top: 12rpx;">库存：{{item.kucun}}</text>
							<text style="font-size: 20rpx;color: #666666;">已售：{{item.sales}}</text>
						</view>
					</view>
					<view class="it2">
						<text>￥{{item.price}}</text>
					</view>
					<view class="it3">
						<label>投诉内容:</label>
						<text>{{item.content}}</text>
					</view>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
export default {
	data(){
		return {
			commentList:[
				{
					img:require("@/static/meat.png"),
					productName:'带皮五花肉（300g）',
					kucun:16546,
					sales:165,
					price:14.80,
					content:'包含违规字体图片包含违规字体图片包含违规 字体图片包含违规字体图片'
				},
				{
					img:require("@/static/meat.png"),
					productName:'带皮五花肉（300g）',
					kucun:16546,
					sales:165,
					price:14.80,
					content:'包含违规字体图片包含违规字体图片包含违规 字体图片包含违规字体图片'
				}
			]	
		}
	}
}
</script>
<style lang="scss">
	page {
		background: rgb(245, 245, 245);
	}
	.comment {
		width: 690rpx;
		/* height: 320px; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 30rpx;
	}
	.it1 {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 20rpx;
		padding-top: 20rpx;
		image {
			width: 100rpx;
			height: 100rpx;
		}
		.product-Info {
			margin-left: 20rpx;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			font-family: Alibaba PuHuiTi;
			font-weight: 400;
			line-height: 40rpx;
		}
	}
	.it2 {
		margin-top: 29rpx;
		margin-left: 20rpx;
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #FF3030;
	}
	.it3 {
		margin-top: 30rpx;
		margin-left: 31rpx;
		padding-bottom: 30rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		label {
			color: #1B1B1B;
			font-weight: 500;
		}
		text {
			color: #666666;
		}
	}
</style>
